<link rel="stylesheet" href="/static/timeline/css.css">

<div id="content" class="col-lg-10 col-sm-10">
<!-- content starts -->
    <div>
        <ul class="breadcrumb">
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="/query_cert_cpdj">企业商标认证信息查询</a>
            </li>
        </ul>
    </div>

    <div class="row">
    <div class="box col-md-12">
    <div class="box-inner">
    <div class="box-header well" data-original-title="">
        <h2><i class="glyphicon glyphicon-user"></i> 企业商标认证信息查询</h2>

        <div class="box-icon">
            <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a>
            <a href="#" class="btn btn-minimize btn-round btn-default"><i
                    class="glyphicon glyphicon-chevron-up"></i></a>
            <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a>
        </div>
    </div>
    <div class="box-content">
	    <table class="table table-striped table-bordered bootstrap-datatable datatable responsive">
		    <thead>
			    <tr>
			        <th>申请单位</th>
                    <th>主要申请产品</th>
					<th>经营方式</th>
					<th>通讯地址</th>
			        <th>联系方式</th>
                    <th>审核进度查看</th>
			    </tr>
		    </thead>
		    <tbody>
				{{range .datas}}
			    <tr>
			        <td class="center">{{.Sqdw}}</td>
                    <td class="center">{{.Zysqcp}}</td>
					<td class="center">{{.Jyfs}}</td>
					<td class="center">{{.Txdz}}</td>
			        <td class="center">{{.Lxfs}}</td>
                    <td class="center">
                        <a class="btn btn-success" data-toggle="modal" href="#myModal" onclick="updateId('{{.Pace}}','{{.Id}}')">
                            <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                            认证状态查看
                        </a>
                    </td>
			    </tr>
				{{end}}
			    
			    
		    </tbody>
	    </table>
    </div>
    </div>
    </div>
    <!--/span-->

        <!-- 模态框开始-->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h3>认证进度查看</h3>
                    </div>
                    <div class="modal-body" >
                        <div class="course">
                            <div class=" web_widht course_nr">
                                <ul class="course_nr2">
                                    <li>申请
                                        <div class="shiji" id="1">
                                            <h1>申请</h1>
                                            <p>
                                            <p>申请</p>
                                            </p>
                                        </div>
                                    </li>
                                    <li>质量监督管理
                                        <div class="shiji" id="2">
                                            <h1>质量监督管理</h1>
                                            <p>
                                            <p>质量监督管理</p>
                                            </p>
                                        </div>
                                    </li>
                                    <li>复核
                                        <div class="shiji" id="3">
                                            <h1>复核</h1>
                                            <p>
                                            <p>复核</p>
                                            </p>
                                        </div>
                                    </li>
                                    <li>审核完成
                                        <div class="shiji" id="4">
                                            <h1>审核完成</h1>
                                            <p>
                                            <p>审核完成</p>
                                            </p>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>

                        <div>
                            是否审核通过，进行下一步骤？
                            <a class="btn btn-success"  href="#" onclick="cert(true)">
                                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                                是
                            </a>
                            <a class="btn btn-success"  href="#" onclick="cert(false)">
                                <i class="glyphicon glyphicon-zoom-in icon-white"></i>
                                否
                            </a>
                        </div>


                    </div>
                </div>
            </div>
        </div>
            <!-- 模态框结束-->


    </div><!--/row-->

    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->


<script>
    var mypace
    var myId
    function updateId(pace,id) {
        mypace = pace
        myId = id
        $('#'+mypace).slideDown(600);
    }
    $(function(){
        //首页大事记
        $('.course_nr2 li').hover(function(){
            $('#'+mypace).slideDown(600);
            $(this).find('.shiji').slideDown(600);
            $('#'+mypace).slideDown(600);
        },function(){
            $('#'+mypace).slideDown(600);
            $(this).find('.shiji').slideUp(400);
            $('#'+mypace).slideDown(600);
        });

    });


    function cert(isOk) {
        if(isOk){
            $.post("/add_pace",{"model":"qysb","id":myId,"pace":mypace})
            location.reload()
            $("#myModal").modal("hide")
        }else{
            $("#myModal").modal("hide")
        }
    }
</script>